<template>
  <div class="content">
    <el-tabs v-model="activeName">
      <el-tab-pane label="配送单位" name="1" >
        <distribution-copy v-if="activeName==1"></distribution-copy >
      </el-tab-pane>
      <el-tab-pane label="邀约投标" name="2" >
         <bid v-if="activeName==2"></bid  >
      </el-tab-pane>
      <el-tab-pane label="核磅秤推广" name="3"  >
         <sun-shi v-if="activeName==3"></sun-shi >
      </el-tab-pane>

 <el-tab-pane label="尚源推广" name="4"  >
         <shangyuan v-if="activeName==4"></shangyuan >
      </el-tab-pane>
      
    </el-tabs>
  </div>
</template>
<script>
export default {
  // props:[],
  // 页面加载
  created() {},
  // 页面加载完成
  mounted() {},
  //实例销毁之前
  beforeDestroy() {},
  //实例销毁后
  destroyed() {},
  data() {
    return {
      activeName: "1",
    };
  },
  // 方法
  methods: {},
  // 监听属性
  watch: {},
  // 组件
  components: {
     distributionCopy: () => import("@/views/distribution/distributionCopy"),
     bid: () => import("@/views/distribution/bid"),
     sunShi: () => import("@/views/distribution/SunshineCanteenRecordList"),
     shangyuan: () => import("@/views/distribution/shangyuan"),
     
     
  },
  // 计算属性
  computed: {

  },
};
</script>

<style lang="scss" scoped>
.content{
  padding: 20px;
}
</style>